window.addEventListener('load', function(){
  var dapp = document.querySelector('.dap');
  var zuo = document.querySelector('.zuo');
  var you = document.querySelector('.you');
  var dapwidth = dapp.offsetWidth;
  dapp.addEventListener('mouseover', function() {
      zuo.style.display = 'block';
      you.style.display = 'block';
  });
  dapp.addEventListener('mouseout', function() {
    zuo.style.display = 'none';
    you.style.display = 'none'; 
 });
 var tp  = document.querySelector('.tupian');
 var ul = tp.querySelector('ul');
 var num = 0;
 zuo.addEventListener('click',function() {
   num++
  animate(ul,-num * 1110);
});
});

